<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" style="height:100%;"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <link href="../static/css/demo.css" rel="stylesheet" th:href="@{/css/demo.css}">
    <link href="../static/css/ionicons.min.css" rel="stylesheet" th:href="@{/css/ionicons.min.css}"/>

</head>
<body>
<header>
    <div class="head">
        <div class="title"><img src="../static/images/x-img/title.png" th:src="@{/images/x-img/title.png}"></div>
        <ul class="navCenter">
            <li>首页</li>
            <li>应用中心</li>
            <li>平台日志</li>
            <li style="position:  relative">
                <a href="">控制台<img src="../static/images/x-img/arrowNav.png" th:src="@{/images/x-img/arrowNav.png}" width="12px" style="margin-left: 5px"></a>
                <ul class="ej_menu">
                    <li><a th:href="@{/toControl(onLoadUrl='group/toGroup.html')}">组群</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='application/toApplication.html')}">应用</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='action/toAction.html')}">动作</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='plan/toPlan.html')}">计划</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='flow/toFlow.html')}">流程</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='map//mapList.html')}">地图</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='user/userList.html')}">用户管理</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='role/roleList.html')}">角色菜单</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='setting/permissionsList.html')}">权限设置</a></li>
                    <li><a th:href="@{/toControl(onLoadUrl='application/authorizationList.html')}">应用授权</a></li>
                </ul>
            </li>
        </ul>
        <div class="navRight">
            <div class="navUser">
                <img src="../static/images/x-img/user.png" th:src="@{/images/x-img/user.png}" >
                <span>系统管理员！您好</span>
            </div>
            <span class="navlogin">登录</span>
            <span class="exit">退出</span>
        </div>
    </div>
</header>
    <div class="content">
        <div class="banner">
            <div class="news_left"></div>
            <div class="news_right">
                <div class="news_title">
                    <img src="../static/images/x-img/gg_icon1.png"  th:src="@{/images/x-img/gg_icon1.png}" width="28px" height="28px">
                    <span>公告</span>
                    <span class="gd">更多>></span>
                    <div class="line"></div>
                </div>
                <div class="news_content">
                    <div class="news_one">
                        <img src="../static/images/x-img/hot.png" th:src="@{/images/x-img/hot.png}">
                        <div class="news_bt">省公司借“东风”全力推进创新业务快发展</div>
                        <span class="news_nr"><span>2017年6月12日</span>，省分公司召开贯彻落实黑龙江省网信工作会议精神助力“数字龙江”建设电视电话会议省分公司召开贯彻落实黑龙江省网信工作会议精神助力</span>
                    </div>
                    <div class="news_one">
                        <img src="../static/images/x-img/hot.png" th:src="@{/images/x-img/hot.png}">
                        <div class="news_bt">省公司借“东风”全力推进创新业务快发展</div>
                        <span class="news_nr">6月12日，省分公司召开贯彻落实黑龙江省网信工作会议精神助力“数字龙江”建设电视电话会议省分公司召开贯彻落实黑龙江省网信工作会议精神助力</span>
                    </div>
                    <div class="news_one">
                        <img src="../static/images/x-img/hot.png" th:src="@{/images/x-img/hot.png}">
                        <div class="news_bt">省公司借“东风”全力推进创新业务快发展</div>
                        <span class="news_nr">6月12日，省分公司召开贯彻落实黑龙江省网信工作会议精神助力“数字龙江”建设电视电话会议省分公司召开贯彻落实黑龙江省网信工作会议精神助力</span>
                    </div>
                    <div class="news_one">
                        <img src="../static/images/x-img/hot.png" th:src="@{/images/x-img/hot.png}">
                        <div class="news_bt">省公司借“东风”全力推进创新业务快发展</div>
                        <span class="news_nr">6月12日，省分公司召开贯彻落实黑龙江省网信工作会议精神助力“数字龙江”建设电视电话会议省分公司召开贯彻落实黑龙江省网信工作会议精神助力</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="theme">
            <div class="theme_title"></div>
            <ul class="theme_ul">
                <li >
                    <div class="zt_theme1"></div>
                    <span>浏览主题</span>
                </li>
                <li>
                    <div class="zt_theme2"></div>
                    <span>黑龙江OA</span>
                </li>
                <li>
                    <div class="zt_theme3"></div>
                    <span>黑龙江IT服务</span>
                </li>
                <li>
                    <div class="zt_theme4"></div>
                    <span>信息发布</span>
                </li>
                <li>
                    <div class="zt_theme5"></div>
                    <span>全国通讯录</span>
                </li>
                <li>
                    <div class="zt_theme6"></div>
                    <span>云门户控制台</span>
                </li>
                <li>
                    <div class="zt_theme7"></div>
                    <span>个人短信</span>
                </li>
                <li>
                    <div class="zt_theme8"></div>
                    <span>黑龙江工资查询</span>
                </li>

                <li >
                    <div class="zt_theme9"></div>
                    <span>论坛</span>
                </li>
                <li>
                    <div class="zt_theme10"></div>
                    <span>书签</span>
                </li>
                <li>
                    <div class="zt_theme11"></div>
                    <span>待办待阅</span>
                </li>
                <li>
                    <div class="zt_theme12"></div>
                    <span>个人设置</span>
                </li>
                <li>
                    <div class="zt_theme13"></div>
                    <span>会议管理</span>
                </li>
                <li>
                    <div class="zt_theme14"></div>
                    <span>网上学院</span>
                </li>
                <li>
                    <div class="zt_theme15"></div>
                    <span>内部商城</span>
                </li>
                <li>
                    <div class="zt_theme16"></div>
                    <span>需求管理一体化</span>
                </li>
            </ul>
        </div>
        <div class="news_hot">
            <div class="m-tab">
                <div class="tab_header">
                    <ul class="tab_ul1">
                        <li class="active">集团新闻</li>
                        <li>新闻动态</li>
                        <a class="gd2" href="">更多>></a>
                    </ul>
                    <img src="../static/images/x-img/tabcorner.jpg" th:src="@{/images/x-img/tabcorner.jpg}">
                </div>
                <div class="tab_body">
                    <ul class="tab_news">
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                    </ul>
                    <ul class="tab_date">
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                    </ul>
                </div>
                <div class="tab_border"></div>
            </div>

            <div class="m-tab2">
                <div class="tab_header">
                    <ul class="tab_ul2">
                        <li class="active2">省份新闻</li>
                        <li>专题报道</li>
                        <a class="gd2" href="">更多>></a>
                    </ul>
                    <img src="../static/images/x-img/tabcorner.jpg" th:src="@{/images/x-img/tabcorner.jpg}">
                </div>
                <div class="tab_body">
                    <ul class="tab_news">
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                    </ul>
                    <ul class="tab_date">
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                    </ul>
                </div>
                <div class="tab_border"></div>
            </div>
            <div class="m-tab2">
                <div class="tab_header">
                    <ul class="tab_ul3">
                        <li class="active3">行业资讯</li>
                        <li>媒体聚焦</li>
                        <a class="gd2" href="">更多>></a>
                    </ul>
                    <img src="../static/images/x-img/tabcorner.jpg" th:src="@{/images/x-img/tabcorner.jpg}">
                </div>
                <div class="tab_body">
                    <ul class="tab_news">
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                        <li>·集团信息化部（信息安全部）空缺岗位公开招聘启事</li>
                        <li>·关于对集团总部部门、行政服务中心进行巡视的公告</li>
                    </ul>
                    <ul class="tab_date">
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                        <li>2018-06-26</li>
                    </ul>
                </div>
                <div class="tab_border"></div>
            </div>
        </div>

    </div>
<div class="footer"></div>

<script>
  $(function () {
      $(".tab_ul1>li").click(function () {
          $(".active").removeClass();
          $(this).addClass("active");
      })
      $(".tab_ul2>li").click(function () {
          $(".active2").removeClass();
          $(this).addClass("active2");
      })
      $(".tab_ul3>li").click(function () {
          $(".active3").removeClass();
          $(this).addClass("active3");
      })
  })
</script>

</body>
</html>